<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://xmlns.jcp.org/jsf/core">

    <ui:composition template="/template.xhtml">
        <ui:define name="title">
            <h:outputText value="#{chofer.TituloDetalles}"></h:outputText>
        </ui:define>
        <ui:define name="body">
            <p:growl id="message" showDetail="true" />
            <h:form enctype="multipart/form-data">
                <p:panel header="Modificiación de Datos del Chofer">          
                    <h:inputHidden value="#{choferController.selected.id}"/>
                    <h:inputHidden value="#{ayudanteController.selected.ruc}"/>

                    <table style="font-size: small" border="0" >
                        <tr>
                            <th align="right" scope="row">
                                <p:outputLabel for="txtRuc" value="#{chofer.RUC}"/>
                            </th>
                            <td width="300">
                                <p:inputText id="txtRuc" readonly="true" value="#{choferController.selected.ruc}" title="#{chofer.RUC}" required="true" requiredMessage="#{chofer.CampoRUC}" size="35"/>
                            </td>
                            <td width="210" height="260" bgcolor="black" rowspan="8" align="center" valign="middle">
                                <p:graphicImage width="200" height="250" value="#{choferController.image}">
                                    <f:param name="choferId" value="#{choferController.selected.id}" />
                                </p:graphicImage>
                            </td>
                        </tr>
                        <tr>
                            <th align="right" scope="row">
                                <p:outputLabel for="txtNombres" value="#{chofer.Nombres}"/>
                            </th>
                            <td>
                                <p:inputText id="txtNombres" value="#{choferController.selected.nombres}" title="#{chofer.Nombres}" required="true" requiredMessage="#{chofer.CampoApellido}" size="35"/>
                            </td>
                        </tr>
                        <tr>
                            <th align="right" scope="row">
                                <p:outputLabel for="txtApellidos" value="#{chofer.Apellidos}"/>
                            </th>
                            <td>
                                <p:inputText id="txtApellidos" value="#{choferController.selected.apellidos}" title="#{chofer.Apellidos}" required="true" requiredMessage="#{chofer.CampoApellido}" size="35"/>
                            </td>
                        </tr>
                        <tr>
                            <th align="right" scope="row">
                                <p:outputLabel for="txtDireccion" value="#{chofer.Direccion}"/>
                            </th>
                            <td>
                                <p:inputText id="txtDireccion" size="35" value="#{choferController.selected.direccion}"/>
                            </td>
                        </tr>
                        <tr>
                            <th align="right" scope="row">
                                <p:outputLabel for="txtTelefono" value="#{chofer.Telefono}"/>
                            </th>
                            <td>
                                <p:inputText id="txtTelefono" size="35" value="#{choferController.selected.telefono}"/>
                            </td>
                        </tr>
                        <tr>
                            <th align="right" scope="row">
                                <p:outputLabel for="subscriptions" value="#{chofer.TipoLicencia}"/>
                            </th>
                            <td>
                                <p:selectOneMenu style="width: 270px" panelStyle="width:500px" id="subscriptions" value="#{choferController.selected.tipoLicencia}" required="true" requiredMessage="#{chofer.CampoTipoLicencia}">                                    
                                    <f:selectItem id="item1" itemLabel="Seleccionar..." itemValue="" />
                                    <f:selectItem id="item2" itemLabel="Tipo E" itemValue="Tipo E" />
                                    <f:selectItem id="item3" itemLabel="Tipo E.1" itemValue="Tipo E1" />
                                    <f:selectItem id="item4" itemLabel="Tipo G" itemValue="Tipo G" />                                    
                                </p:selectOneMenu>   
                            </td>
                        </tr>
                        <tr>
                            <th align="right" scope="row">
                                <p:outputLabel for="caducaLicencia" value="#{chofer.CaducaLicencia}"/>
                            </th>
                            <td width="203">
                                <p:calendar value="#{choferController.selected.caducaLicencia}" 
                                            required="true" requiredMessage="#{chofer.CampoCaducaLicencia}" 
                                            size="30" id="caducaLicencia" pattern="yyyy-dd-MM" mode="popup" showOn="button">
                                    <f:convertDateTime type="date" locale="es_EC" timeZone="America/Guayaquil"  
                                                       dateStyle="default" pattern="yyyy-dd-MM" />
                                </p:calendar>
                            </td>                            
                        </tr>
                        <tr>
                            <th align="right" scope="row">
                                <p:outputLabel for="txtCorreo" value="#{chofer.Correo}"/>
                            </th>
                            <td width="203"><p:inputText id="txtCorreo" size="35" value="#{choferController.selected.email}" ></p:inputText></td>                            
                        </tr>
                        <tr>
                            <th align="right" scope="row">
                                <p:outputLabel for="ckbEstado" value="#{chofer.Estado}"/>
                            </th>
                            <td><p:selectBooleanCheckbox id="ckbEstado" value="#{choferController.selected.estado}"/></td>                                                   
                            <td align="center"><strong>Fotografía</strong></td>
                        </tr>    
                        <tr>                           
                            <th align="right" scope="row">
                                <p:outputLabel for="filFoto" value="#{chofer.Foto}"/>
                            </th>
                            <td align="left">
                                <p:fileUpload id="filFoto" value="#{choferController.selected.file}" mode="simple" />
                            </td>                                    
                        </tr>
                        <tr>                                
                            <th align="center" colspan="2" scope="row">
                                <p:commandButton ajax="false" action="#{choferController.modificarChofer()}" value="#{socio.Modificar}"/>
                            </th>                            
                        </tr>  
                    </table> 
                    <div style="font-size: small" align="right">
                        * Campos Obligatorios
                    </div>                    
                    <div align="left" style="font-size: small">
                        <p:commandLink ajax="false" action="#{choferController.cargarDetalleModificarChofer(choferController.selected.id)}" 
                                       value="#{chofer.Detalle}"
                                       rendered="#{accionController.getAccionByVista('Ayudante', 'Ver')}"/>
                        <br />
                        <h:link outcome="Index" value="#{chofer.RegresarIndex}"/>
                    </div>                      
                </p:panel>      
            </h:form>
        </ui:define>
    </ui:composition>
</html>

